<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>我的闲置</title>
    <link rel="icon" href="/img/logo.jpg" type="image/x-icon"/>
    <link rel="stylesheet" href="/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/emoji.css"/>
    <link rel="stylesheet" href="/css/userhome.css"/>
    <link rel="stylesheet" href="/css/user.css"/>
    <!-- bootstrap -->
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>

    <script>
        //获取物品详情页面
        function getGoodsDetail(goodsId) {
            window.location.href = "/goods/goodsId/" + goodsId + ".html";
        }
    </script>

</head>
<body>
<div class="pre-2" id="big_img">
    <img src="http://findfun.oss-cn-shanghai.aliyuncs.com/images/head_loading.gif"
         class="jcrop-preview jcrop_preview_s">
</div>
<div id="cover" style="min-height:639px;">
    <div id="user_area">
        <div id="home_header">
            <a href="/goods/homeGoods">
                <h1 class="logo"></h1>
            </a>
            <a href="/goods/homeGoods">
                <img src="/img/home_header.png" style="margin-left: 20px;">
            </a>
            <a href="/user/home">
                <div class="home"></div>
            </a>
        </div>
        <!--

            描述：左侧个人中心栏
        -->
        <div id="user_nav">
            <div class="user_info">
                <div class="head_img">
                    <img src="/img/photo.jpg">
                </div>
                <div class="big_headimg">
                    <img src="">
                </div>
                <span class="name" th:text="${session.cur_user.username}" th:if="${session.cur_user  != null}"></span>
                <hr>
                <hr>
                <span class="school">宿州学院</span>
                <input type="hidden" value="${myPurse.recharge}" id="recharge"/>
                <input type="hidden" value="${myPurse.withdrawals}" id="withdrawals"/>
                <span class="btn" data-toggle="modal" data-target="#myModal"
                      style="width: 98%;background-color: rgb(79, 190, 246); color:rgba(255, 255, 255, 1);margin-top:0.5cm;">
                      我的信用积分：<span th:text="${session.cur_user.power}" th:if="${session.cur_user  != null}"></span>
                </span>

            </div>
            <div class="home_nav">
                <ul>
                    <a href="/user/allFocus">
                        <li class="fri">
                            <div></div>
                            <span>关注列表</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a href="/goods/publishGoods">
                        <li class="store">
                            <div></div>
                            <span>发布物品</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a href="/user/allGoods">
                        <li class="second">
                            <div></div>
                            <span>我的闲置</span>
                            <strong></strong>
                        </li>
                    </a>
                    <a href="/user/basic">
                        <li class="set">
                            <div></div>
                            <span>个人设置</span>
                            <strong></strong>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
        <!--
            描述：右侧内容区域
        -->
        <div id="user_content">
            <div class="share">
                <!--
                    描述：闲置商品展示
                -->
                <h1 style="text-align: center">我的闲置</h1>
                <hr/>
                <div class="share_content">
                    <div class="no_share" th:if="${goodsExtendList == null}">
                        <span>没有任何内容，去逛逛其它的吧！</span>
                    </div>
                    <span th:each="items : ${goodsExtendList}" th:if="${goodsExtendList != null}">
                    <div class="story">
                        <a href="javaScript:void(0)" th:onclick="'javascript:getGoodsDetail('+${items.goods.id}+')'"
                           class="head_img">
                            <img th:src="@{/upload/{id}(id=${items.images[0].imgUrl})}"
                                 th:if="${items.images[0] != null and ! #strings.startsWith(items.images[0].imgUrl,'http://')}"/>
                            <img th:src="@{{imgUrl}(imgUrl=${items.images[0].imgUrl})}"
                                 th:if="${items.images[0] != null and #strings.contains(items.images[0].imgUrl,'sysecondhandmarket')}"/>
                        </a>
                        <span class="name" th:text="${items.goods.name}"></span>
                        <span class="text" style="overflow: hidden; outline: none;"
                              th:text="${items.goods.describle}"></span>
                        <div class="box">
                            <div class="box_content">
                                <div class="left_shadow"></div>
                                <div class="left" index="1" style="display: none;"><</div>
                                <div class="right_shadow"></div>
                                <div class="left" index="3" style="display: none;">></div>
                                <img th:src="@{/upload/{id}(id=${items.images[0].imgUrl})}"
                                     th:if="${items.images[0] != null and ! #strings.startsWith(items.images[0].imgUrl,'http://')}"/>
                                <img th:src="@{{imgUrl}(imgUrl=${items.images[0].imgUrl})}"
                                     th:if="${items.images[0] != null and #strings.contains(items.images[0].imgUrl,'sysecondhandmarket')}"/>
                                <span class="com" style="display: none;left: 396.733px;"></span>
                            </div>
                            <div class="interact">
                                <span class="fa fa-edit fa-lg"><a
                                        th:href="@{/goods/editGoods/{id}(id=${items.goods.id})}">编辑</a></span>
                                <span class="fa fa-share fa-lg"><a href="">擦亮</a></span>
                                <!--<span class="fa fa-commenting"><a>${items.comments.commetNum}</a></span> -->
                                <span class="time" th:text="${items.goods.startTime}"></span>
                                <span class="fa fa-trash fa-lg"><a
                                        th:href="@{/goods/deleteGoods/{id}(id=${items.goods.id})}">删除</a></span>
                            </div>
                            <br>
                            <div class="like_detail">
                                <div class="like_content">
                                    <span>下架时间：<span th:text="${items.goods.endTime}"></span></span>
                                </div>
                            </div>
                        </div>
                    </div>  <!-- 循环结束-->
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>